<template>
	<div style="position:relative;top: 10px;">
		<dialog :open="bshow" 
		style="position:absolute;top: 10px;"
		v-bind:style="`heigh:${hight}px;`"
		>
			<h2>{{title}}</h2>
			<!-- 插槽 -->
			<slot></slot>  
			<button @click="ok()">确认</button>
		</dialog>
		
	</div>
</template>

<script setup>

</script>
<script>
	export default{//将来 import
	props:{
		title:{type:String,default:'标题'},
		hight:{type:Number,default:100}
		
	},
	
		name:'MyDialog',
		data(){
			return{
				
				bshow:true,
			}
		},
		methods:{
			ok(){
				
				// alert('儿子'+this.title)
				 this.bshow=false;
				//发出通知 通知事件名称
				// this.$emit('click',"儿子："+this.title,
				// 100)
				
			}
		},
		mounted(){//回调函数  钩子函数
			
		}
	}
	
</script>
<style>
</style>